<div class="page-content">
	 <div class="step">
	 	 
	 </div>
	 <form id="addCardForm">
	 	  <div class="list-li">
	       		 <div style="text-align: center; padding-bottom: 10px">
	       		 	<img style="    width: 70px;padding:10px 10px 0px 0px;" :src="store.logo">
  					<div>
  						<a class="color_5"  :href="'/pages/shop_admin/?store_id='+store.store_id+'#/merchantInfo'">点击修改商户名称及logo </a>
  					</div>
	       		 </div>	
	       		  <div class="li"  >
	            	<div class="li-input-text">商户名称</div>
		            <div class="li-input">
		              <input  maxlength="9" disabled :value='store.store_name'></input>

		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	 <div class="li"  >
	            	<div class="li-input-text">卡券名</div>
		            <div class="li-input">
		              <input  maxlength="9" placeholder='建议涵盖卡券属性、服务及金额' value='' name='title'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  >
	            	<div class="li-input-text">卡券库存</div>
		            <div class="li-input">
		              <input  maxlength="9" type="number" placeholder='卡券库存的数量' value='999999' name='quantity'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  >
	            	<div class="li-input-text">限领张数</div>
		            <div class="li-input">
		              <input  maxlength="2" type="number" placeholder='每人可领券的张数' value='1' name='get_limit'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 


	         	  <div class="li"  >
	            	<div class="li-input-text">卡券类型</div>
		            <div class="li-input">
		                          <label v-on:click="set_type('cash')"  ><input style="width:10px;vertical-align: middle;" type="radio" name="type"  checked> 满减</label>
		                <label v-on:click="set_type('discount')"  ><input style="width:10px;vertical-align: middle;" type="radio" name="type"  > 折扣 </label>
		            </div>
		            <div class="clear"></div>
	         	 </div> 


	         	 <div class="li"   v-if="type == 'discount' ">
	            	<div class="li-input-text">折扣</div>
		            <div class="li-input">
		              <input  maxlength="2" type="number" placeholder='填30就是七折' value='' name='discount'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"   v-if="type == 'cash' ">
	            	<div class="li-input-text">满减</div>
		            <div class="li-input">
		               <div class="fl">满</div>
		               <input  class="fl" style="width: 50px; text-align: center;" maxlength="4" type="number" placeholder='100' value='' name='least_cost'></input>
		              <div class="fl"> 减 </div>
		              <input class="fl" style="width: 50px;text-align: center;" maxlength="4" type="number" placeholder='30' value='' name='reduce_cost'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 



	         	 <div class="li"  >
	            	<div class="li-input-text">可用时间</div>
		            <div class="li-input" v-on:click="show_popup_time_limit($event)"  >
		            	 {{showLimitTimeTex}}
		            </div>
		            <div class="clear"></div>
	         	</div> 
	         	 

	           <div class="li"  >
	            	<div class="li-input-text">使用提醒</div>
		            <div class="li-input">
		              <input maxlength="16"  placeholder='卡券使用提醒' value='到店使用时向服务员出示此券' name='notice'></input>
		            </div>
		            <div class="clear"></div>
	         	</div> 

	         	 <div class="li"  >
	            	<div class="li-input-text">使用说明</div>
		            <div class="li-input">
		            	<textarea maxlength="1024"  placeholder='卡券使用说明' name="description"></textarea>
		             
		            </div>
		            <div class="clear"></div>
	         	</div> 

	         	


       </div>  

         <div  v-if="is_publish == 1" class="btn w80 disable "   style="margin-left: 10%; margin-top: 20px; margin-bottom: 30px">确认创建卡券</div>

       <div  v-if="is_publish == 0" class="btn w80" v-on:click="publish($event)"  style="margin-left: 10%; margin-top: 20px; margin-bottom: 30px">确认创建卡券</div>

	 </div>

	 </form>

<!-- 设置时间段 -->
	 <form class="popup" id="popup_time_limit" style="background-color: #fff;">
	 	 <div class="list-li">
	       	 	
	       	 	 
	       	 	<div class="li"  >
	       	 		<div class="li-input-text">有效期</div>
	            	 
		            <div class="li-input">
		            	<label><input style="width:10px;vertical-align: middle;" type="radio" name="date_info_type" value="DATE_TYPE_FIX_TIME_RANGE"> 固定日期</label>
		            	<div class="clear"></div>
		               <input placeholder="开始日期" id="begin_timestamp" class="fl" style="width: 90px;" data-type="date"   readonly    data-lcalendar="2018-01-1,2022-12-31" value='' name='begin_timestamp'></input>
		              <div class="fl light"> 至 </div>
		              <input placeholder="结束日期" class="fl"  id="end_timestamp" style="width: 90px;text-align: center; margin-left:5px"  data-type="date" readonly    data-lcalendar="2018-01-1,2022-12-31"  value='' name='end_timestamp'></input>
		               <div class="clear"></div>
		               <label><input style="width:10px;vertical-align: middle;" type="radio" name="date_info_type" value="DATE_TYPE_FIX_TERM" checked> 领取后</label>
		            	<div class="clear"></div>
		            	<select class="fl" name="fixed_begin_term" style="margin-top: 3px;">
		            		<option value="0">当天</option>
		            		<option  :value="n" v-for="n in 40">{{n}}天</option>
		            		 
		            	</select>
		              <div class="fl light"> 生效，有效天数 </div>
		              <select class="fl" name="fixed_term" style="margin-top: 3px;">
		              	<option :value="n" v-for="n in 100" :selected="n==10?'selected':''">{{n}}天</option>
		              </select>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	 

	         	  <div class="li"  >
	            	<div class="li-input-text">可用时段</div>
		            <div class="li-input"> 
		               <label v-on:click="set_time_limit(0)"  ><input style="width:10px;vertical-align: middle;" type="radio" name="time_limit" value="0" checked> 全天</label>
		                <label v-on:click="set_time_limit(1)"  ><input style="width:10px;vertical-align: middle;" type="radio" name="time_limit" value="1" > 部分时段 </label>
		                 <div class="clear"></div>
		                <div :class="time_limit==1?'':'none' ">
		                 <div> 日期</div>
		                <label><input style="width:10px;vertical-align: middle;" type="checkbox" name="time_limit_type" value="MONDAY"> 周一</label>
		                <label><input style="width:10px;vertical-align: middle;" type="checkbox" name="time_limit_type" value="TUESDAY"> 周二 </label>
		                 <label><input style="width:10px;vertical-align: middle;" type="checkbox" name="time_limit_type" value="WEDNESDAY"> 周三 </label>
		                  <label><input style="width:10px;vertical-align: middle;" type="checkbox" name="time_limit_type" value="THURSDAY"> 周四 </label>
		                   <label><input style="width:10px;vertical-align: middle;" type="checkbox" name="time_limit_type" value="FRIDAY"> 周五 </label>
		                    <label><input style="width:10px;vertical-align: middle;" type="checkbox" name="time_limit_type" value="SATURDAY"> 周六 </label>
		                     <label><input style="width:10px;vertical-align: middle;" type="checkbox" name="time_limit_type" value="SUNDAY"> 周日 </label>
		                      <div class="clear"></div>
	                       <div> 时间 </div>
	                       <input placeholder="开始时间" id="time_limit_begin_hour" class="fl" style="width: 90px; "     readonly   data-type="time"    ></input>
			              <div class="fl light"> 至 </div>
			              <input placeholder="结束时间" class="fl"  id="time_limit_end_hour" style="width: 90px;text-align: center;"  readonly  data-type="time"  ></input>
			          </div>
			               <div class="clear"></div>
		            </div>
		            <div class="clear"></div>
	         	 </div> 
	         	  
       <div    class="btn w80" v-on:click="saveTime($event)"  style="margin-left: 10%; margin-top: 20px; margin-bottom: 30px">保存</div>
	     </form>

    <!-- 设置时间段 -->
</div>
